/* stylelint-disable selector-max-id */

@import 'plugins/wplink/style';
@import 'plugins/calypso-alert/style';
@import 'plugins/insert-menu/style';
@import 'plugins/wpcom-help/style';
@import 'plugins/wpcom-charmap/style';
@import 'plugins/embed/style.scss';
@import 'plugins/contact-form/style';
@import 'plugins/mentions/style';
@import 'plugins/simple-payments/style';

.tinymce {
	display: none;

	&.is-visible {
		display: block;
	}
}

.mce-container.mce-tinymce {
	max-width: 700px;
	margin: 0 auto;

	& .mce-container.mce-top-part > .mce-container-body {
		&::after {
			margin-top: 1px;
			transition: width 0.2s;

			@include breakpoint-deprecated( '<660px' ) {
				@include long-content-fade();
				height: 44px;
			}

			@include breakpoint-deprecated( '660px-960px' ) {
				@include long-content-fade();
				right: 1px;
				height: 36px;
			}
		}

		&.is-scrolled-full::after {
			width: 0;
		}
	}

	&.is-pinned .mce-container.mce-top-part > .mce-container-body {
		& > .mce-toolbar-grp,
		&::after {
			position: fixed;
			top: 47px;
		}

		& > .mce-toolbar-grp {
			border-top-width: 0;
			border-left-width: 0;
			border-right-width: 0;

			.focus-sidebar & {
				width: calc( 100% - ( #{$sidebar-width-max + 1} ) );
				@include breakpoint-deprecated( '660px-960px' ) {
					width: calc( 100% - ( #{$sidebar-width-min + 1} ) );
				}
				margin: 0;
			}
		}

		&::after {
			// align the content-fade to the right edge. As the pinned toolbar doesn't have
			// a right border, indenting the fade by 1px is not needed.
			right: 0;
		}

		& > .mce-toolbar-grp > .mce-container-body > .mce-container {
			padding-left: 1px;
			padding-right: 1px;
		}
	}
}

.post-editor,
.mce-inline-toolbar-grp {
	div.mce-toolbar-grp {
		background-color: rgba( var( --color-surface-rgb ), 0.92 );
		border-color: var( --color-neutral-5 );
		border-style: solid;
		border-left-width: 1px;
		border-right-width: 1px;
		padding: 0;
		overflow-x: auto;
		margin: 0 auto;

		@media screen and ( max-width: 700px ) {
			border-left-width: 0;
			border-right-width: 0;
		}

		.focus-sidebar & {
			@media screen and ( max-width: ( 700px + $sidebar-width-min ) ) {
				border-left-width: 0;
				border-right-width: 0;
			}
		}
	}

	.mce-toolbar .mce-ico {
		color: var( --color-neutral-50 );
	}

	.mce-toolbar .mce-btn .gridicon {
		fill: var( --color-neutral-50 );
	}

	.mce-colorbutton .mce-preview {
		background-color: var( --color-neutral-70 );
	}

	.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
		margin: 0 2px 0 0;
		padding: 0 8px;
		vertical-align: top;
		border-left: 1px solid var( --color-neutral-0 );
		border-right: 1px solid var( --color-neutral-0 );
		height: 36px;

		@include breakpoint-deprecated( '<660px' ) {
			border-right-color: var( --color-border-inverted );
			border-left-color: var( --color-border-inverted );
			padding: 2px 0;
		}
	}

	.mce-toolbar .mce-btn-group .mce-btn:hover,
	.mce-toolbar .mce-btn-group .mce-btn:focus,
	.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
	.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
		box-shadow: none;
		border-color: transparent;
	}

	.mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
	.mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico {
		color: var( --color-neutral-70 );
	}

	.mce-toolbar .mce-btn-group .mce-btn:hover .gridicon,
	.mce-toolbar .mce-btn-group .mce-btn:focus .gridicon {
		fill: var( --color-neutral-70 );
	}
}

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not( :first-child )::before,
.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not( :last-child )::after {
	content: '';
	position: absolute;
	top: -6px;
	bottom: -6px;
	width: 1px;
	background-color: var( --color-neutral-10 );
}

.mce-toolbar .mce-btn-group .mce-btn.mce-hidden {
	display: none;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not( :first-child ) {
	margin-left: 9px;

	&::before {
		left: -7px;
	}
}

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not( :last-child ) {
	margin-right: 9px;

	&::after {
		right: -7px;
	}
}

.mce-toolbar
	.mce-btn-group
	.mce-btn.mce-toolbar-segment-end:not( .mce-hidden ) + .mce-btn.mce-toolbar-segment-start {
	margin-left: 2px;

	&::before {
		display: none;
	}
}

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-decrease {
	margin-right: 0;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-increase {
	margin-left: 0;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-increase .dashicons-plus::before {
	display: inline-block;
	margin-top: 2px;
}

.mce-tooltip {
	opacity: 1 !important;
}

/* Don't show the tooltip. Used in Chrome RTL, see https://github.com/Automattic/wp-calypso/issues/19189 */
.mce-tooltip.wp-hide-mce-tooltip {
	display: none !important;
}

.mce-tooltip-inner {
	box-shadow: none !important;
	background: var( --color-neutral-70 ) !important;
	color: var( --color-text-inverted ) !important;
	font-family: $sans !important;
	padding: 4px 8px 5px !important;
}

.mce-tooltip-arrow {
	border-bottom-color: var( --color-neutral-70 ) !important;
}

.mce-toolbar .mce-btn {
	display: inline-block;
	vertical-align: middle;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button {
	margin: 0;
	border: 0;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button button {
	color: var( --color-neutral-50 );
	height: 38px;
	padding: 0 8px;
	margin-top: 0;

	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button .gridicon {
	fill: var( --color-neutral-50 );

	&:hover {
		fill: var( --color-neutral-70 );
	}
}

.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-media button {
	@include breakpoint-deprecated( '>660px' ) {
		font-size: $font-body-small;
	}
}

.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-contact-form .gridicon,
.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-media .gridicon {
	width: 20px;
	margin-right: 4px;
}

.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-contact-form .gridicon {
	margin-left: 4px;
}

@import 'plugins/advanced/style';

/*------------------------------------------------------------------------------
	TinyMCE and Quicklinks toolbars
------------------------------------------------------------------------------*/

/* TinyMCE widgets/containers */

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
	color: inherit;
	font-family: inherit;
}

/* TinyMCE windows */
#mce-modal-block,
#mce-modal-block.mce-fade {
	opacity: 0.7;
	filter: alpha( opacity=70 );
	transition: none;
}

.mce-window {
	border-radius: 0;
	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
	transition: none;
}

.mce-window .mce-container-body.mce-abs-layout {
	overflow: visible;
}

.mce-window .mce-window-head {
	background: #fcfcfc;
	border-bottom: 1px solid #dfdfdf;
	padding: 0;
	min-height: 36px;
}

.mce-window .mce-window-head .mce-title {
	color: #444;
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
	margin: 0;
	padding: 0 36px 0 16px;
}

.mce-window .mce-window-head .mce-close {
	color: transparent;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.mce-window .mce-window-head .mce-close::before {
	font: normal 20px/36px dashicons;
	text-align: center;
	color: #666;
	width: 36px;
	height: 36px;
	display: block;
}

.mce-window .mce-window-head .mce-close:hover::before {
	color: #00a0d2;
}

.mce-window .mce-window-head .mce-dragh {
	width: calc( 100% - 36px );
}

.mce-wp-help .mce-window-head {
	border-bottom: none;
}

.mce-textbox,
.mce-checkbox i.mce-i-checkbox {
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
	transition: 0.05s all ease-in-out;
}

.mce-textbox:focus,
.mce-textbox.mce-focus,
.mce-checkbox:focus i.mce-i-checkbox {
	border-color: #5b9dd9;
	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
}

/* TinyMCE menus */
.mce-container.mce-menu,
.mce-container .mce-floatpanel.mce-popover {
	z-index: auto !important;
	background-color: var( --color-surface );
	border: 1px solid var( --color-neutral-10 );
	border-radius: 0 0 4px 4px;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

.mce-floatpanel.mce-popover.mce-bottom {
	margin-top: 2px;
}

.mce-floatpanel .mce-arrow {
	display: none;
}

.mce-menu .mce-container-body {
	min-width: 160px;
}

.mce-menu-item {
	border: none;
	margin-bottom: 2px;
}

.mce-menu-has-icons i.mce-ico {
	line-height: 20px;
}

/* TinyMCE panel */
div.mce-panel {
	border: 0;
	background: #fff;
	clear: both;
	filter: none;
}

.mce-container .mce-panel.mce-menu {
	border: 1px solid var( --color-neutral-10 );
}
.mce-container .mce-menu-item .mce-text {
	color: var( --color-neutral-70 );
}

div.mce-tab {
	line-height: 13px;
}

/* TinyMCE toolbars */
div.mce-toolbar-grp {
	border-bottom: 1px solid #dedede;
	background: #f5f5f5;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

div.mce-inline-toolbar-grp {
	background-color: var( --color-surface );
	border: 1px solid var( --color-neutral-10 );
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.1 ), 0 0 56px rgba( 0, 0, 0, 0.075 );
	box-sizing: border-box;
	margin-bottom: 8px;
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	user-select: none;
	z-index: z-index( 'root', 'div.mce-inline-toolbar-grp' ); /* Same as the other TinyMCE "panels" */
	max-width: 98%;
}

div.mce-inline-toolbar-grp > .mce-container-body {
	overflow-x: auto;
}

div.mce-inline-toolbar-grp.is-scrollable > .mce-container-body:not( .is-scrolled-full )::after {
	@include long-content-fade();
}

div.mce-inline-toolbar-grp > div.mce-stack-layout {
	padding: 1px;
}

div.mce-inline-toolbar-grp.mce-arrow-up {
	margin-bottom: 0;
	margin-top: 8px;
}

div.mce-inline-toolbar-grp::before,
div.mce-inline-toolbar-grp::after {
	position: absolute;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	content: '';
}

div.mce-inline-toolbar-grp.mce-arrow-up::before {
	top: -18px;
	border-bottom-color: var( --color-neutral-10 );
	border-width: 9px;
	margin-left: -9px;
}

div.mce-inline-toolbar-grp.mce-arrow-down::before {
	bottom: -18px;
	border-top-color: var( --color-neutral-10 );
	border-width: 9px;
	margin-left: -9px;
}

div.mce-inline-toolbar-grp.mce-arrow-up::after {
	top: -16px;
	border-bottom-color: var( --color-border-inverted );
	border-width: 8px;
	margin-left: -8px;
}

div.mce-inline-toolbar-grp.mce-arrow-down::after {
	bottom: -16px;
	border-top-color: var( --color-border-inverted );
	border-width: 8px;
	margin-left: -8px;
}

div.mce-inline-toolbar-grp.mce-arrow-left::before,
div.mce-inline-toolbar-grp.mce-arrow-left::after {
	margin: 0;
}

div.mce-inline-toolbar-grp.mce-arrow-left::before {
	left: 20px;
}
div.mce-inline-toolbar-grp.mce-arrow-left::after {
	left: 21px;
}

div.mce-inline-toolbar-grp.mce-arrow-right::before,
div.mce-inline-toolbar-grp.mce-arrow-right::after {
	left: auto;
	margin: 0;
}

div.mce-inline-toolbar-grp.mce-arrow-right::before {
	right: 20px;
}

div.mce-inline-toolbar-grp.mce-arrow-right::after {
	right: 21px;
}

div.mce-inline-toolbar-grp.mce-arrow-full {
	right: 0;
}

div.mce-inline-toolbar-grp.mce-arrow-full > div {
	width: 100%;
	overflow-x: auto;
}

.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
	padding-right: 32px;
}

.mce-toolbar .mce-btn-group,
.mce-inline-toolbar-grp .mce-flow-layout-item.mce-last {
	margin: 0;
}

.mce-tinymce .mce-stack-layout-item.mce-last {
	@include breakpoint-deprecated( '>960px' ) {
		border-top: 1px solid var( --color-neutral-0 );
	}
}

.mce-tinymce .mce-edit-area.mce-stack-layout-item.mce-last {
	border-top: 0;
}

.mce-toolbar-grp .mce-stack-layout-item {
	display: inline-block;
	overflow: hidden;

	@include breakpoint-deprecated( '>960px' ) {
		display: block;
	}
}

.mce-stack-layout-item.mce-last.mce-first {
	margin-top: 0;
}

div.mce-statusbar {
	border-top: 1px solid var( --color-neutral-10 );
}

div.mce-path {
	padding: 8px 16px;
	margin: 0;
}

.post-editor .mce-path-item {
	color: var( --color-neutral-50 );
	font-family: $sans;
}

.mce-path .mce-divider {
	visibility: hidden;
}

.mce-path,
.mce-path-item,
.mce-path .mce-divider {
	font-size: $font-body-extra-small;
	line-height: 18px;
}

.mce-toolbar .mce-btn,
.qt-dfw {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
}

#wp-fullscreen-buttons .mce-btn,
.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw {
	margin: 4px 2px;
	border: 1px solid transparent;
	background-image: none;
	border-radius: 0;
	filter: none;

	@include breakpoint-deprecated( '<480px' ) {
		margin: 0;
	}
}

#wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover,
#wp-fullscreen-buttons .mce-btn:focus,
.mce-toolbar .mce-btn-group .mce-btn:focus,
.qt-dfw:hover,
.qt-dfw:focus {
	background: transparent;
	border-color: transparent;
	color: var( --color-neutral-70 );
	box-shadow: none;
	outline: none;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-active,
#wp-fullscreen-buttons .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
#wp-fullscreen-buttons .mce-btn:active,
.qt-dfw.active {
	color: var( --color-neutral-70 );
	border-color: var( --color-neutral-10 );
	background: var( --color-surface );
	box-shadow: none;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
	border-color: var( --color-neutral-10 );
	color: var( --color-neutral-70 );
}

.mce-toolbar .mce-btn-group .mce-btn.mce-active i.mce-ico,
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
	color: var( --color-neutral-70 );
}

.mce-toolbar .mce-btn-group .mce-btn.mce-disabled i.mce-ico {
	color: var( --color-neutral-20 );
}

.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
#wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
#wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
	color: var( --color-neutral-light );
	background: none;
	border-color: var( --color-border-inverted );
	text-shadow: none;
	box-shadow: none;

	i.mce-ico {
		color: var( --color-neutral-light );
	}
}

.mce-toolbar .mce-btn-group .mce-first,
.mce-toolbar .mce-btn-group .mce-last {
	border-color: transparent;
}

.mce-toolbar .mce-btn button,
.qt-dfw {
	padding: 4px;
	line-height: normal;
}

.mce-toolbar .mce-btn i {
	text-shadow: none;
}

.mce-toolbar .mce-btn-group > div {
	white-space: nowrap;
	@include breakpoint-deprecated( '>960px' ) {
		margin-right: 32px;
		white-space: normal;
	}
}

.mce-toolbar .mce-flow-layout-item.mce-btn-group > div {
	margin-right: 0;
}

.mce-toolbar .mce-btn .mce-open {
	padding-right: 8px;
	padding-left: 6px;
	border-right: 0;
}

.mce-toolbar .mce-colorbutton .mce-preview {
	margin: 0;
	padding: 0;
	top: auto;
	bottom: 2px;
	left: 3px;
	height: 3px;
	width: 20px;
}

/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
	margin-right: 0;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox.mce-active {
	border-color: var( --color-border-inverted );
	border-right: 1px solid var( --color-neutral-0 );
}

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
	padding-right: 20px;
	height: 34px;
	width: auto;
	min-width: 110px;
	text-align: left;

	@include breakpoint-deprecated( '<660px' ) {
		margin-top: 5px;
	}
}

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button .mce-txt {
	width: auto;
	padding: 0;
	color: var( --color-neutral-50 );
	font-family: $sans;
	font-size: $font-body-small;
	text-overflow: initial;

	&:hover {
		color: var( --color-neutral-70 );
	}
}

.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
	background-image: none;
	border-left-color: var( --color-neutral-0 );
	border-right-color: var( --color-neutral-0 );

	@include breakpoint-deprecated( '<660px' ) {
		border-right-color: var( --color-border-inverted );
		border-left-color: var( --color-border-inverted );
	}

	i.mce-caret {
		color: var( --color-neutral-70 );
	}
}

.mce-panel .mce-btn i.mce-caret {
	top: 5px;
	right: 18px;
	margin: 2px 0 0 -13px #{'/*rtl:ignore*/'};
	border: none;
	color: var( --color-neutral-light );

	// Displaying the icon by using an svg file is a temporary solution to remove Noticons.
	&::before {
		display: block;
		content: url( '/calypso/images/tinymce-icons/gridicons-chevron-down.svg' );
		width: 14px;
		height: 14px;
		transition: transform 0.15s cubic-bezier( 0.175, 0.885, 0.32, 1.275 );
	}
}

.mce-panel .mce-btn.mce-listbox i.mce-caret {
	margin: 6px -2px 0 0;
}

.mce-panel .mce-btn:hover i.mce-caret {
	border-top-color: #32373c;
}

.mce-panel .mce-active i.mce-caret {
	&::before {
		transform: rotate( 180deg );
	}
}

.mce-listbox.mce-active i.mce-caret {
	margin-top: -3px;
}

@include breakpoint-deprecated( '<660px' ) {
	.mce-panel .mce-btn.mce-listbox i.mce-caret {
		top: 6px;
	}

	.mce-listbox.mce-active i.mce-caret {
		margin-top: -1px;
	}
}

.mce-toolbar .mce-splitbtn:hover .mce-open {
	border-right-color: transparent;
}

.mce-toolbar .mce-splitbtn .mce-open.mce-active {
	box-shadow: none;
}

.mce-menu .mce-menu-item-normal.mce-active {
	background-color: var( --color-accent );
	color: var( --color-text-inverted );
	filter: none;
}
.mce-menu .mce-menu-item-normal.mce-active .mce-text {
	color: var( --color-text-inverted );
}

.mce-container.mce-menu .mce-menu-item:hover,
.mce-container.mce-menu .mce-menu-item.mce-selected,
.mce-container.mce-menu .mce-menu-item:focus {
	color: var( --color-accent );
	background-color: var( --color-surface );
	background-image: none;
	filter: none;
}

.mce-container.mce-menu .mce-menu-item:hover .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-container.mce-menu .mce-menu-item:focus .mce-ico,
.mce-container.mce-menu .mce-menu-item:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-active:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-text {
	color: var( --color-accent );
}

.mce-container.mce-menu .mce-menu-item.mce-active:hover {
	background: var( --color-accent );
}

.mce-container.mce-menu .mce-menu-item.mce-active:hover .mce-text {
	color: var( --color-text-inverted );
}

/* Menubar */
.mce-menubar {
	border-color: #e5e5e5;
	background: #fff;
	border-width: 0 0 1px;
}

.mce-menubar .mce-btn:focus {
	outline: 0;
}

div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
	margin: 5px 0 4px;
}

.mce-menubtn span {
	margin-right: 0;
	padding-left: 3px;
}

.mce-menu-has-icons i.mce-ico::before {
	margin-left: -2px;
}

/* Buttons in modals */
.mce-primary button,
.mce-primary button i {
	text-align: center;
	color: #fff;
	text-shadow: none;
	padding: 0;
	line-height: 26px;
}

.mce-window .mce-btn {
	color: #555;
	background: #f7f7f7;
	text-decoration: none;
	font-size: $font-body-small;
	line-height: 26px;
	height: 28px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	border-radius: 3px;
	white-space: nowrap;
	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
	background-image: none;
}

/* Remove the dotted border on :focus and the extra padding in Firefox */
.mce-window .mce-btn::-moz-focus-inner {
	border-width: 1px 0;
	border-style: solid none;
	border-color: transparent;
	padding: 0;
}

.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus {
	background: #fafafa;
	border-color: #999;
	color: #23282d;
}

.mce-window .mce-btn:focus {
	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
}

.mce-window .mce-btn:active {
	background: #eee;
	border-color: #999;
	color: #32373c;
	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
}

.mce-window .mce-btn.mce-disabled {
	color: #a0a5aa;
	border-color: #ddd;
	background: #f7f7f7;
	box-shadow: none;
	text-shadow: 0 1px 0 #fff;
	cursor: default;
}

.mce-window .mce-btn.mce-primary {
	background: #00a0d2;
	border-color: #0073aa;
	box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
	color: #fff;
	text-decoration: none;
}

.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
	background: #1e8cbe;
	border-color: #0073aa;
	box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
	color: #fff;
}

.mce-window .mce-btn.mce-primary:focus {
	border-color: #0e3950;
	box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), 0 0 0 1px #5b9dd9,
		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
}

.mce-window .mce-btn.mce-primary:active {
	background: #1b7aa6;
	border-color: #005684;
	color: rgba( 255, 255, 255, 0.95 );
	box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
	vertical-align: top;
}

.mce-window .mce-btn.mce-primary.mce-disabled {
	color: #94cde7;
	background: #298cba;
	border-color: #1b607f;
	box-shadow: none;
	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
	cursor: default;
}

/* TinyMCE tooltips */
.mce-tooltip {
	margin-top: 2px;
}

.mce-tooltip-inner {
	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
	color: #fff;
	font-size: $font-body-extra-small;
}

/* TinyMCE icons */
.mce-ico {
	font-family: tinymce, Arial, sans-serif;
}

.mce-btn-small .mce-ico {
	font-family: 'tinymce-small', Arial, sans-serif;
}

.mce-toolbar .mce-ico {
	color: #777;
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	text-shadow: none;
	margin: 0;
	padding: 0;
}

.qt-dfw {
	color: #777;
	line-height: 20px;
	width: 28px;
	height: 26px;
	text-align: center;
	text-shadow: none;
}

.mce-toolbar .mce-btn .mce-open {
	line-height: 20px;
}

.mce-toolbar .mce-btn:hover .mce-open,
.mce-toolbar .mce-btn:focus .mce-open,
.mce-toolbar .mce-btn.mce-active .mce-open {
	border-left-color: var( --color-neutral-0 );
}

i.mce-i-bold,
i.mce-i-italic,
i.mce-i-bullist,
i.mce-i-numlist,
i.mce-i-blockquote,
i.mce-i-alignleft,
i.mce-i-aligncenter,
i.mce-i-alignright,
i.mce-i-link,
i.mce-i-unlink,
i.mce-i-wp_more,
i.mce-i-strikethrough,
i.mce-i-spellchecker,
i.mce-i-fullscreen,
i.mce-i-wp_fullscreen,
i.mce-i-dfw,
i.mce-i-wp_adv,
i.mce-i-underline,
i.mce-i-alignjustify,
i.mce-i-forecolor,
i.mce-i-backcolor,
i.mce-i-pastetext,
i.mce-i-pasteword,
i.mce-i-removeformat,
i.mce-i-charmap,
i.mce-i-outdent,
i.mce-i-indent,
i.mce-i-undo,
i.mce-i-redo,
i.mce-i-help,
i.mce-i-wp_help,
i.mce-i-wp-media-library,
i.mce-i-ltr,
i.mce-i-wp_page,
i.mce-i-hr,
i.mce-i-wp_code,
i.mce-i-dashicon,
.mce-close,
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button::before {
	font: normal 20px/1 'dashicons';
	padding: 0;
	vertical-align: top;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: -2px;
	padding-right: 2px;
}

.qt-dfw {
	font: normal 20px/1 'dashicons';
	vertical-align: top;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

i.mce-i-bold::before {
	content: '\f200';
}

i.mce-i-italic::before {
	content: '\f201';
}

i.mce-i-bullist::before {
	content: '\f203';
}

i.mce-i-numlist::before {
	content: '\f204';
}

i.mce-i-blockquote::before {
	content: '\f205';
}

i.mce-i-alignleft::before {
	content: '\f206';
}

i.mce-i-aligncenter::before {
	content: '\f207';
}

i.mce-i-alignright::before {
	content: '\f208';
}

i.mce-i-link::before {
	content: '\f103';
}

i.mce-i-unlink::before {
	content: '\f225';
}

i.mce-i-wp_more::before {
	content: '\f209';
}

i.mce-i-strikethrough::before {
	content: '\f224';
}

i.mce-i-spellchecker::before {
	content: '\f210';
}

i.mce-i-fullscreen::before,
i.mce-i-wp_fullscreen::before,
i.mce-i-dfw::before,
.qt-dfw::before {
	content: '\f211';
}

i.mce-i-wp_adv::before {
	content: '\f212';
}

i.mce-i-underline::before {
	content: '\f213';
}

i.mce-i-alignjustify::before {
	content: '\f214';
}

i.mce-i-forecolor::before,
i.mce-i-backcolor::before {
	content: '\f215';
}

i.mce-i-pastetext::before {
	content: '\f217';
}

i.mce-i-removeformat::before {
	content: '\f218';
}

i.mce-i-charmap::before {
	content: '\f220';
}

i.mce-i-outdent::before {
	content: '\f221';
}

i.mce-i-indent::before {
	content: '\f222';
}

i.mce-i-undo::before {
	content: '\f171';
}

i.mce-i-redo::before {
	content: '\f172';
}

i.mce-i-help::before,
i.mce-i-wp_help::before {
	content: '\f223';
}

i.mce-i-wp-media-library::before {
	content: '\f104';
}

i.mce-i-ltr::before {
	content: '\f320';
}

i.mce-i-wp_page::before {
	content: '\f105';
}

i.mce-i-hr::before {
	content: '\f460';
}

.mce-close::before {
	content: '\f158';
}

i.mce-i-wp_code::before {
	content: '\f475';
}

/* RTL button icons */
.rtl i.mce-i-outdent::before {
	content: '\f222';
}

.rtl i.mce-i-indent::before {
	content: '\f221';
}

/* Editors */
.wp-editor-wrap {
	position: relative;
}

.wp-editor-tools {
	position: relative;
	z-index: z-index( 'root', '.wp-editor-tools' );
}

.wp-editor-tools::after {
	clear: both;
	content: '';
	display: table;
}

.wp-editor-container {
	clear: both;
}

.wp-editor-area {
	font-family: Consolas, Monaco, monospace;
	font-size: $font-body-small;
	padding: 10px;
	margin: 1px 0 0;
	line-height: 150%;
	border: 0 none;
	outline: none;
	display: block;
	resize: vertical;
	box-sizing: border-box;
}

.rtl .wp-editor-area {
	font-family: Tahoma, Monaco, monospace;
}

.locale-he-il .wp-editor-area {
	font-family: Arial, Monaco, monospace;
}

.wp-editor-container textarea.wp-editor-area {
	width: 100%;
	margin: 0;
	box-shadow: none;
}

.wp-editor-tabs {
	float: right;
}

.wp-switch-editor {
	float: left;
	box-sizing: content-box;
	position: relative;
	top: 1px;
	background: #ebebeb;
	color: #777;
	cursor: pointer;
	font: 13px/19px 'Open Sans', Helvetica, Arial, sans-serif;
	height: 20px;
	margin: 5px 0 0 5px;
	padding: 3px 8px 4px;
	border: 1px solid #e5e5e5;
}

.wp-switch-editor:focus {
	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
	outline: none;
	color: #23282d;
}

.wp-switch-editor:active,
.html-active .switch-html:focus,
.tmce-active .switch-tmce:focus {
	box-shadow: none;
}

.wp-switch-editor:active {
	background-color: #f5f5f5;
	box-shadow: none;
}

.js .tmce-active .wp-editor-area {
	color: white;
}

.tmce-active .quicktags-toolbar {
	display: none;
}

.tmce-active .switch-tmce,
.html-active .switch-html {
	background: #f5f5f5;
	color: #555;
	border-bottom-color: #f5f5f5;
}

.wp-media-buttons {
	float: left;
}

.wp-media-buttons .button {
	margin-right: 5px;
	margin-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
}

.wp-media-buttons .button:active {
	position: relative;
	top: 1px;
	margin-top: -1px;
	margin-bottom: 1px;
}

.wp-media-buttons .insert-media {
	padding-left: 5px;
}

.wp-media-buttons a {
	text-decoration: none;
	color: #464646;
	font-size: $font-body-extra-small;
}

.wp-media-buttons img {
	padding: 0 4px;
	vertical-align: middle;
}

.wp-media-buttons span.wp-media-buttons-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: text-top;
	margin: 0 2px;
}

.wp-media-buttons .add_media span.wp-media-buttons-icon {
	background: none;
}

.wp-media-buttons .add_media span.wp-media-buttons-icon::before {
	font: normal 18px/1 'dashicons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wp-media-buttons .add_media span.wp-media-buttons-icon::before {
	content: '\f104';
}

/* Quicktags */
.quicktags-toolbar {
	padding: 3px;
	position: relative;
	border-bottom: 1px solid #dedede;
	background: #f5f5f5;
}

.has-dfw .quicktags-toolbar {
	padding-right: 35px;
}

.wp-core-ui .quicktags-toolbar input.button.button-small {
	margin: 2px;
}

.quicktags-toolbar input[value='link'] {
	text-decoration: underline;
}

.quicktags-toolbar input[value='del'] {
	text-decoration: line-through;
}

.quicktags-toolbar input[value='i'] {
	font-style: italic;
}

.quicktags-toolbar input[value='b'] {
	font-weight: 600;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
.qt-dfw {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px 5px 0 0;
}

.qt-fullscreen {
	position: static;
	margin: 2px;
}

.mce-toolbar-grp .mce-container-body {
	position: relative;
}

.mce-tinymce .mce-btn-group .mce-btn.mce-last {
	position: absolute;
	right: 0;

	@include breakpoint-deprecated( '<960px' ) {
		position: relative;
		right: inherit;
	}
}
@include breakpoint-deprecated( '<660px' ) {
	.mce-toolbar .mce-btn button,
	.qt-dfw {
		padding: 6px;
	}

	#wp-fullscreen-buttons .mce-btn,
	.mce-toolbar .mce-btn-group .mce-btn {
		margin: 6px 4px;
	}

	.qt-dfw {
		width: 36px;
		height: 34px;
	}

	.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
		margin: 4px 4px 0 0;
	}

	.mce-toolbar .mce-colorbutton .mce-preview {
		left: 8px;
		bottom: 6px;
	}

	.mce-window .mce-btn {
		padding: 2px 0;
	}

	.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
	.has-dfw .quicktags-toolbar {
		padding-right: 40px;
	}
}

@include breakpoint-deprecated( '<660px' ) {
	.wp-core-ui .quicktags-toolbar input.button.button-small {
		/* .button-small is normaly 11px, but a bit too small for these buttons. */
		font-size: $font-body-extra-small;
		height: 26px;
		line-height: 24px;
	}
}

#wp_editbtns,
#wp_gallerybtns {
	padding: 2px;
	position: absolute;
	display: none;
	z-index: z-index( 'root', '#wp_editbtns' );
}

#wp_editimgbtn,
#wp_delimgbtn,
#wp_editgallery,
#wp_delgallery {
	border-color: #999;
	background-color: #eee;
	margin: 2px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}

#wp_editimgbtn:hover,
#wp_delimgbtn:hover,
#wp_editgallery:hover,
#wp_delgallery:hover {
	border-color: #555;
	background-color: #ccc;
}

/* Distraction-Free Writing mode
 * =Overlay Styles
-------------------------------------------------------------- */
.fullscreen-overlay {
	z-index: z-index( 'root', '.fullscreen-overlay' );
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	filter: inherit;
}

.wp-fullscreen-active .fullscreen-overlay,
.wp-fullscreen-active #wp-fullscreen-body {
	display: block;
}

.fullscreen-fader {
	z-index: z-index( 'root', '.fullscreen-fader' );
}

.wp-fullscreen-active .fullscreen-fader,
.wp-core-ui.wp-fullscreen-active .postbox-container {
	display: none;
}

/* =Overlay Body
-------------------------------------------------------------- */

#wp-fullscreen-body,
.mce-fullscreen {
	z-index: z-index( 'root', '#wp-fullscreen-body' );
}

#wp-fullscreen-body {
	display: none;
}

.wp-fullscreen-wrap {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	top: 60px;
	z-index: z-index( 'root', '.wp-fullscreen-wrap' );
}

.wp-fullscreen-wrap .wp-editor-container,
.wp-fullscreen-title,
#wp-fullscreen-central-toolbar {
	box-sizing: border-box;
	max-width: 100%;
}

.wp-fullscreen-active .wp-editor-tools,
.wp-fullscreen-active .quicktags-toolbar,
.wp-fullscreen-active .mce-toolbar-grp,
.wp-fullscreen-active .mce-statusbar {
	display: none;
}

#wp-fullscreen-statusbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	z-index: z-index( 'root', '#wp-fullscreen-statusbar' );
	background: #fff;
	transition: height 0.2s;
}

#wp-fullscreen-status {
	margin: 0 auto;
	padding: 0;
}

.wp-fullscreen-active .wp-fullscreen-title,
.wp-fullscreen-active .wp-fullscreen-title:focus,
.wp-fullscreen-active .wp-editor-container {
	border-radius: 0;
	border: 1px dashed transparent;
	background: transparent;
	box-shadow: none;
	transition: border-color 0.4s;
}

.wp-fullscreen-active .wp-editor-container {
	margin: 0 auto 40px;
}

.wp-fullscreen-active .wp-fullscreen-title {
	font-size: 1.7em;
	line-height: 100%;
	outline: medium none;
	padding: 3px 7px;
	margin: 10px auto 30px;
	display: block;
}

#wp-fullscreen-tagline {
	color: #82878c;
	font-size: 18px;
	float: right;
	padding: 4px 0 0;
}

/* =Top bar
-------------------------------------------------------------- */
#fullscreen-topbar {
	background: #f5f5f5;
	border-bottom: 1px solid #dedede;
	height: 45px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: z-index( 'root', '#fullscreen-topbar' );
	transition: opacity 0.4s;
}

#wp-fullscreen-toolbar {
	padding: 6px 10px 0;
	clear: both;
	max-width: 1100px;
	margin: 0 auto;
}

#wp-fullscreen-mode-bar,
#wp-fullscreen-button-bar,
#wp-fullscreen-close {
	float: left;
}

#wp-fullscreen-count,
#wp-fullscreen-tagline {
	display: inline-block;
}

#wp-fullscreen-button-bar {
	margin-top: 2px;
}

#wp-fullscreen-save {
	float: right;
	padding: 2px 0 0;
	min-width: 95px;
}

#wp-fullscreen-count,
#wp-fullscreen-close {
	padding: 5px 0 0;
}

#wp-fullscreen-central-toolbar {
	margin: auto;
	padding: 0;
	min-width: 620px;
}

#wp-fullscreen-buttons > div {
	float: left;
}

#wp-fullscreen-mode-bar {
	padding: 3px 14px 0 0;
}

#wp-fullscreen-buttons .hidden {
	display: none;
}

#wp-fullscreen-buttons .disabled {
	opacity: 0.5;
}

#wp-fullscreen-buttons .mce-btn button {
	margin: 0;
	outline: 0 none;
	border: 0 none;
	white-space: nowrap;
	width: auto;
	background: none;
	color: #32373c;
	cursor: pointer;
	font-size: 18px;
	line-height: 20px;
	overflow: visible;
	text-align: center;
	box-sizing: border-box;
}

.wp-html-mode #wp-fullscreen-buttons div {
	display: none;
}

.wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
	display: block;
}

#wp-fullscreen-save img {
	vertical-align: middle;
}

#wp-fullscreen-save span {
	display: none;
	margin: 5px 6px 0;
	float: left;
}

/* =Thickbox Adjustments
-------------------------------------------------------------- */
.wp-fullscreen-active #TB_overlay {
	z-index: z-index( 'root', '.wp-fullscreen-active #TB_overlay' );
}

.wp-fullscreen-active #TB_window {
	z-index: z-index( 'root', '.wp-fullscreen-active #TB_window' );
}

/* Colors */
.fullscreen-overlay {
	background: #fff;
}

/* =CSS 3 transitions
-------------------------------------------------------------- */

.wp-fullscreen-active #fullscreen-topbar {
	transition-duration: 0.8s;
	opacity: 0;
	filter: alpha( opacity=0 );
}

.wp-fullscreen-active #wp-fullscreen-statusbar {
	height: 0;
}

.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
	transition-duration: 0.4s;
	opacity: 1;
	filter: alpha( opacity=100 );
}

.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
	height: 29px;
	background: #f8f8f8;
	border-top: 1px solid #eee;
}

.wp-fullscreen-active .wp-fullscreen-title,
.wp-fullscreen-active .wp-editor-container {
	transition-duration: 0.8s;
	border-color: transparent;
}

.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
	transition-duration: 0.4s;
	border-color: #ccc;
}

.fade-1000,
.fade-600,
.fade-400,
.fade-300 {
	opacity: 0;
	transition-property: opacity;
}

.fade-1000 {
	transition-duration: 1s;
}

.fade-600 {
	transition-duration: 0.6s;
}

.fade-400 {
	transition-duration: 0.4s;
}

.fade-300 {
	transition-duration: 0.3s;
}

.fade-trigger {
	opacity: 1;
}

/* DFW on touch screen devices */
.wp-dfw-touch #fullscreen-topbar {
	position: absolute;
	opacity: 1;
}

.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
.wp-dfw-touch .wp-fullscreen-title {
	max-width: 700px;
}

.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
	border-color: #ccc;
}

.wp-dfw-touch #wp-fullscreen-statusbar {
	height: 30px;
}

@include breakpoint-deprecated( '<660px' ) {
	#wp-fullscreen-close,
	#wp-fullscreen-central-toolbar,
	#wp-fullscreen-mode-bar,
	#wp-fullscreen-button-bar,
	#wp-fullscreen-save {
		display: inline-block;
	}

	#fullscreen-topbar {
		height: 85px;
	}

	#wp-fullscreen-central-toolbar {
		width: auto !important;
		min-width: 0;
	}

	#wp-fullscreen-close {
		line-height: 30px;
		vertical-align: top;
		padding: 0 12px;
	}

	#wp-fullscreen-button-bar {
		position: absolute;
		top: 45px;
		left: 0;
	}

	.wp-fullscreen-wrap {
		top: 95px;
	}

	#wp-fullscreen-save {
		position: absolute;
		right: 10px;
	}
}

@media screen and ( max-width: 480px ) {
	#wp_fs_help {
		display: none;
	}

	.wp-fullscreen-wrap .wp-editor-container,
	.wp-fullscreen-title {
		width: 480px !important;
	}

	body.wp-fullscreen-active {
		width: 480px;
		overflow: auto;
	}

	#fullscreen-topbar,
	.wp-fullscreen-wrap {
		width: 480px;
	}

	#fullscreen-topbar {
		position: absolute;
	}

	#wp-fullscreen-status {
		width: auto !important;
		max-width: 100%;
		padding: 0 10px;
	}
}

/*------------------------------------------------------------------------------
	wp-link
------------------------------------------------------------------------------*/

div.wp-link-preview {
	float: left;
	margin: 10px 8px 10px 12px;
	max-width: 694px;
	overflow: hidden;
	text-overflow: ellipsis;

	@include breakpoint-deprecated( '<660px' ) {
		margin-top: 14px;
		margin-bottom: 14px;
		max-width: 70%;
		max-width: calc( 100% - 104px );
	}
}

div.wp-link-preview a {
	color: var( --color-primary );
	text-decoration: underline;
	transition-property: border, background, color;
	transition-duration: 0.05s;
	transition-timing-function: ease-in-out;
	cursor: pointer;

	&:hover,
	&:focus,
	&:active {
		color: var( --color-link-dark );
	}
}

/* =Localization
-------------------------------------------------------------- */
.rtl .wp-switch-editor,
.rtl .quicktags-toolbar input {
	font-family: Tahoma, sans-serif;
}

/*!rtl:ignore*/
.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
	direction: rtl;
}

/*rtl:ignore*/
.mce-rtl .mce-listbox i.mce-caret {
	left: 6px;
}

html:lang( he-il ) .rtl .wp-switch-editor,
html:lang( he-il ) .rtl .quicktags-toolbar input {
	font-family: Arial, sans-serif;
}

/* HiDPI */
// stylelint-disable-next-line unit-whitelist
@media print, ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
	.wp-media-buttons .add_media span.wp-media-buttons-icon,
	#wp-fullscreen-buttons #wp_fs_image span.mce_image {
		background: none;
	}
}
